<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body style="margin-top: 20px;">
    <form action="" id="food_form">

        <fieldset style="border: dotted orange 2px;">
            <legend>想吃点啥？</legend>
            <select name="eat" id="" multiple>
                <option value="huasheng">花生</option>
                <option value="guazi" selected>瓜子</option>
                <option value="babaozhou" disabled>八宝粥</option>
            </select>

            <select name="eat" id="" size="2">
                <option value="huasheng">花生</option>
                <option value="guazi" selected>瓜子</option>
                <option value="babaozhou" disabled>八宝粥</option>
                <option value="beer">啤酒</option>
                <option value="softdrink" selected>饮料</option>
                <option value="walter" disabled>矿泉水</option>
            </select>

            <select name="drink" id="" disabled>
                <option value="beer">啤酒</option>
                <option value="softdrink" selected>饮料</option>
                <option value="walter" disabled>矿泉水</option>
            </select>

        </fieldset>

        <select name="eatdrink" id="">
            <option value="huasheng">花生</option>
            <option value="guazi" selected>瓜子</option>
            <option value="babaozhou" disabled>八宝粥</option>
            <optgroup label="喝的">
                <option value="beer" disabled>啤酒</option>
                <option value="softdrink" selected>饮料</option>
                <option value="walter">矿泉水</option>
            </optgroup>
        </select>

        <label for="city">我来到你的城市</label>
        <input type="text" name="city" id="city" list="citys">
        <datalist id="citys">
            <option value="beihai">北海</option>
            <option value="beijing">北京</option>
            <option value="beibei">北北</option>
        </datalist>

        <input type="submit" value="提交">

    </form>


    <!-- 心在曹营身在汉 -->
    <select name="something" id="" form="food_form">
        <option value="beer">啤酒</option>
        <option value="softdrink" selected>饮料</option>
        <option value="walter" disabled>矿泉水</option>
    </select>

    <hr>

    <form action="">
        name: <input type="text" name="name"> <br>
        msg: <textarea name="" id="" cols="30" rows="10"></textarea> <br>

    </form>

    <form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
        <input type="range" name="b" value="50" id="n1" /> +
        <input type="number" name="a" value="10" id="n2" /> =
        <output name="result" for="n1, n2"></output>
    </form>
</body>

</html>